<div class="component">
    <div class="header">
        <a href="#/home">
            <button class="reg_back_btn"></button>
        </a>
        <p class="header_title">
            我的车辆
        </p>
        <a href="" class="add-car-butt text-shadow" ng-click="carEdit()">删除车辆</a>
    </div>
    <div class="content">
        <!-- 搜索框 -->
        <div class="row">
            <div class="col-lg-6">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入车牌号..." id="searchCarNum" autocomplete="off" maxlength="15">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" ng-click="searchCar()">搜索</button>
                    </span>
                </div>
            </div>
        </div>
        <!-- /搜索框 -->
        <div class="car-list">
            <div class="car_ul">
                <!-- 搜索结果展示div -->
                <div class="searchResult">
                    <div class="car_li searchResult">
                        <div class="edit-mask">
                            <p class="delete-btn" ng-click="deleteCar(infos.id)">删除车辆</p>
                        </div>
                        <div class="car_li_first">
                            <span class="font_color_size">{{infos.car_num}}</span>
                            <a ui-sref="trail_map({car_id:infos.id,car_num:infos.car_num})">
                                <i class="iconfont icon-msnui-right-arrow-round"></i>
                            </a>
                        </div>
                        <div class="car_li_line"></div>
                    
                        <div class="car_li_second">
                            <div class="car_li_left">
                                <img src="static/images/car_list/car.png" class="car_li_left_img">
                            </div>
                            <div class="car_li_right">
                                <div class="car_li_right_split location_img">
                                    车辆型号:{{infos.cartype}}
                                </div>
                                <div class="car_li_right_split person_img">
                                    出厂日期: {{infos.create_time}}
                                </div>
                                <div class="car_li_right_split">
                                    终端号:{{infos.terminal_num}}
                                </div>
                                <div class="car_li_right_split">
                                    服务价格:
                                    <span style="color:red">{{infos.rent_money}}元/天</span>
                                </div>
                            </div>
                        </div>
                    
                        <div class="car_li_line"></div>
                        <div class="car_li_third butt-box">
                            <a ui-sref="driver_list({car_id:infos.id})" class="edit-the-car butt-border-right">
                                <input type="button" value="查看司机" class="car_li_btn">
                            </a>
                            <a ui-sref="edit_car_info({id:infos.id,
                                car_num:infos.car_num,
                                cartype:infos.cartype,
                                create_time:infos.create_time,
                                rent_money:infos.rent_money,
                                terminal_num:infos.terminal_num})" 
                                class="edit-the-car butt-border-right">
                                <input type="button" value="编辑车信息" class="car_li_btn">
                            </a>
                            <a ui-sref="addMaintain({car_num:infos.car_num})" class="edit-the-car">
                                <input type="button" value="添加维修记录" class="car_li_btn">
                            </a>
                        </div>
                    </div>
                    <p class="return-btn" ng-click="returnBtn()">返回</p>            
                </div>
                <!-- /搜索结果展示div -->

                <div class="car_li" ng-repeat="item in list">
                    <div class="edit-mask">
                        <p class="delete-btn" ng-click="deleteCar(item.id)">删除车辆</p>
                    </div>
                    <div class="car_li_first">
                        <span class="font_color_size">{{item.car_num}}</span>
                        <!-- <a href="javascript:void(0)" ng-click="toTrail(item.id)"> -->
                        <a ui-sref="trail_map({car_id:item.id,car_num:item.car_num})">
                            <!-- <input type="button" class="car_li_first_btn"> -->
                            <i class="iconfont icon-msnui-right-arrow-round"></i>
                        </a>
                    </div>
                    <div class="car_li_line"></div>

                    <div class="car_li_second">
                        <div class="car_li_left">
                            <img src="static/images/car_list/car.png" class="car_li_left_img">
                        </div>
                        <div class="car_li_right">
                            <div class="car_li_right_split type_img">
                                <i class="iconfont icon-truck"></i>车辆型号:{{item.cartype}}
                            </div>
                            <div class="car_li_right_split ctime_img">
                                <i class="iconfont icon-rili"></i>出厂日期: {{item.create_time}}
                            </div>
                            <div class="car_li_right_split terminal_img">
                                <i class="iconfont icon-xinpian"></i>终端号:{{item.terminal_num}}
                            </div>
                            <div class="car_li_right_split money_img">
                                <i class="iconfont icon-qian"></i>服务价格:<span>{{item.rent_money}}元/天</span>
                            </div>
                        </div>
                    </div>


                    <div class="car_li_line"></div>
                    <div class="car_li_third butt-box">
                        <a ui-sref="driver_list({car_id:item.id})" class="edit-the-car butt-border-right">
                            <input type="button" value="查看车辆司机" class="car_li_btn">
                        </a>
                        <a ui-sref="edit_car_info({id:item.id,
                        car_num:item.car_num,
                        cartype:item.cartype,
                        create_time:item.create_time,
                        rent_money:item.rent_money,
                        terminal_num:item.terminal_num})" 
                        class="edit-the-car butt-border-right"
                        >
                            <input type="button" value="编辑车辆信息" class="car_li_btn">
                        </a>
                        <a ui-sref="addMaintain({car_num:item.car_num})" class="edit-the-car">
                            <input type="button" value="添加维修记录" class="car_li_btn">
                        </a>
                    </div>
                </div>
                <p class="loadmore" ng-click="loadMore()">加载更多</p>
                <div class="loading-img"></div>
            </div>
        </div>
    </div>
    <div class="footer">
        <a href="#/add_car" class="new-car-butt footer_btn text-shadow">
            <i class="iconfont icon-jiahao"></i><span>添加车辆</span> 
        </a>
    </div>

</div>